<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Campolider Website</title>
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>

<body>
<div id="main_container">
	<div id="header">
    	<div id="logo"><a href="home.html"><img src="images/cl_logo4.gif" alt="" title="" border="0" /></a></div>
        
        <div id="menu">
            <ul>                                        
                <li><a class="current" href="home.html" title="">home</a></li>
                <li><a href="services.html" title="">services</a></li>
                <li><a href="#" title="">clients</a></li>
                <li><a href="#" title="">testimonials</a></li>
                <li><a href="contact.html" title="">contact us</a></li>
            </ul>
        </div>
        
    </div>
    
    <div class="green_box">
    	<div class="clock">
        <img src="images/helmet.png" alt="" title="" />
        </div>
        <div class="text_content">
        <h1>Ventana para las Promociones</h1>
        <p class="green">
        "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." 
        </p>
        <div class="read_more"><a href="#">Leer más</a></div>
        </div>
        
        <div id="right_nav">
            <ul>                                        
                <li><a href="home.html" title="">Promoción 1</a></li>
                <li><a href="services.html" title="">Promoción 2</a></li>
                <li><a class="#" href="#" title="">Promoción 3</a></li>
                <li><a href="#" title="">Promoción 4</a></li>
                <li><a href="contact.html" title="">Promoción 5</a></li>
            </ul>
        </div>       
        
    
    </div><!--end of green box-->
    
    <div id="main_content">
    	<div id="left_content">
        <h2>¿Quiénes Somos?</h2>
        <p>
"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.         
        </p>
        
         <div id="left_nav">
            <ul>                                        
                <li><a href="home.html" title="">Lorem ipsum dolor sit amet</a></li>
                <li><a href="services.html" title="">Lorem ipsum dolor sit amet</a></li>
                <li><a href="#" title="">Lorem ipsum dolor sit amet</a></li>
                <li><a href="#" title="">Lorem ipsum dolor sit amet</a></li>
            </ul>
        </div>
        
        <p class="clear">
        <img src="images/pic1.jpg" alt="" title="" class="left_img" />
        "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
        </p>   
        <div class="read_more_link"><a href="#">read more</a></div>     
        
        
        
        </div><!--end of left content-->



    	<div id="right_content">
        <h2>Productos Destacados</h2>
        	<div class="products_box">
  <img src="images/gloves_icon.gif" alt="" title="" class="box_img" />
 <h3>Guantes de Carnaza</h3>
            <p>         
"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.        
            </p>
            <div class="read_more_link"><a href="#">read more</a></div>
            </div>
            
            
         	<div class="products_box">
  <img src="images/gloves_icon.gif" alt="" title="" class="box_img" />
 <h3>Guantes de Trabajo</h3>
            <p>         
"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.        
            </p>
            <div class="read_more_link"><a href="#">read more</a></div>
            </div>
            
            <div class="search_box">
            <div class="search_title">Buscar</div>
            <input type="text" class="search_input" />
            <input type="image" src="images/search.gif" class="submit" />
            <div class="subsearch">
            "Realice una Busqueda"
            </div>
            
            </div>  
            
            
            <div class="contact_information">
            <h4>Contáctenos</h4>
            <p>
            <img src="images/phone_icon.gif" alt="" title="" class="box_img" />
            0700 679 122 489<br />
            0700 679 122 489
            </p>
            <br /><br />
            <p>
            <img src="images/contact_icon.gif" alt="" title="" class="box_img" />
            info@company.com<br />
            contact@company.com
            </p>            
            
            </div>         
            
            
            
            
            
            
        
        </div><!--end of right content-->


    
    <div style=" clear:both;"></div>
    </div><!--end of main content-->
 

     <div id="footer">
     	<div class="copyright">
<a href="home.html"><img src="images/footer_logo.gif" border="0" alt="" title="" /></a>
        </div>
    	<div class="footer_links"> 
        <a href="#">About us</a>
         <a href="privacy.html">Privacy policy</a> 
        <a href="contact.html">Contact us </a>
<a href="http://www.webpagedesign.com.au">Art for the web</a>

        
        </div>
    
    
    </div>  
 
   

</div> <!--end of main container-->
</body>
</html>
